<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.min.css">
    <link rel="stylesheet" href="css/app-font.css">
    <title>登陆页</title>
</head>
<body>
    <header>
        <div class="header-fixed header-dark">
            <a href="#" class="header-icon-1 open-left-sidebar"><i class="app-font icon-menu"></i></a>
            <a href="index.html" class="header-logo"></a>
            <a href="#" class="header-icon-4 open-right-sidebar"><i class="app-font icon-peopleq"></i></a>
        </div>
    </header>
    <main>
        <div class="content-strip">
        </div>
        <div class="content">
            <div class="decoration"></div>
            <div class="page-login mb30">
                <div class="login-input">
                    <i class="app-font icon-peopleq"></i>
                    <input type="text" value="Username" onfocus="if (this.value=='Username') this.value = ''" onblur="if (this.value=='') this.value = 'Username'">
                </div>
                <div class="login-password">
                    <i class="app-font icon-lock"></i>
                    <input type="password" value="password" onfocus="if (this.value=='password') this.value = ''" onblur="if (this.value=='') this.value = 'password'">
                </div>
                <a href="#" class="login-button button button-small button-green button-fullscreen mt30">Login</a>
            </div>
        </div>
    </main>
    <footer>
        <!-- <p class="footer-text t-c">

        </p> -->
        <div class="footer-content t-c">
            <img src="img/weixin.jpg" alt=""><br>
            关注我们
        </div>
        <div class="footer-socials">
            <a href="#" class="scale-hover weixin-color"><i class="app-font icon-weixin"></i></a>
            <a href="#" class="scale-hover qq-color"><i class="app-font icon-qq"></i></a>
            <a href="#" class="scale-hover sina-color"><i class="app-font icon-sina"></i></a>
            <a href="#" class="scale-hover tel-color"><i class="app-font icon-tel"></i></a>
            <!-- <a href="#" class="scale-hover up-color back-to-top"><i class="app-font icon-arrow-up"></i></a> -->
            <div class="clear"></div>
        </div>
        <p class="footer-strip">Copyright 2017 Lin. All Rights Reserved</p>
    </footer>
</body>
</html>
